<template>
  <a-row :gutter="10">
    <a-col :span="10">
      <DeptTree @sendData="recData" />
    </a-col>
    <a-col :span="14">
      <DeptInfo :selectedKey="selectedKey" />
    </a-col>
  </a-row>
</template>

<script lang="ts" setup>
import { ref } from 'vue';

import DeptTree from './modules/DeptTree.vue';
import DeptInfo from './modules/DeptInfo.vue';

const selectedKey = ref('');
const recData = (data: string) => {
  selectedKey.value = data;
};
</script>